<template>
  <el-skeleton style="width: 240px" animated>
    <template slot="template">
      <el-skeleton-item variant="image" style="width: 240px; height: 240px;" >
        <img :src="currentSrc">
      </el-skeleton-item>
      <div style="padding: 14px;">
        <el-skeleton-item variant="p" style="width: 50%" />
        <div style="display: flex; align-items: center; justify-items: space-between;">
          <el-skeleton-item variant="text" style="margin-right: 16px;" />
          <el-skeleton-item variant="text" style="width: 30%;" />
        </div>
      </div>
    </template>
  </el-skeleton>
</template>

<script>
export default {
  name: "PermissionList",
  data() {
    return {

    }

  },
  methods: {

  },
  created() {

  }
}
</script>

<style scoped>

</style>